@charset"UTF-8";

@import "_reset";

$basefont:40px;
$basecolor:#b20000;

@function r($n){
	@return $n/$basefont*1rem
	}


*{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.web{
	width: 100%;
	.header{
		width: 100%;
		height: r(89px);
		background-color: $basecolor;
		position: fixed;
		left: 0;
		top: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		.header_menu{
			width: r(30px);
			height: r(23px);
			margin-left: r(16px);
			margin-bottom: r(35px);
			img{
				width: 100%;
				height: 100%;
				}
			}
		.header_logo{
			width: r(264px);
			height: r(39px);
			
			img{
				width: 100%;
				height: 100%;
				display: inline-block;
				}
			}
		.header_search{
			width: r(43px);
			height: r(43px);
			margin-right: r(16px);
		
			img{
				width: 100%;
				height: 100%;
			}
		}
			
		
	}
	.section{
		width: 100%;
		// height: r(222px);
		// background-color: pink;
		padding: r(89px) 0 r(94px);
		margin-top: r(7px);
		position: relative;
		.liaojie{
			width:100%;
			height:r(222px);
		}
		.ali{
			width: 100%;
			height: r(340px);
		}
		.title{
			width: 100%;
			height: r(104px);
			position: absolute;
			top:r(558px);
			background-color: rgba(0,0,0,.3);
			line-height: r(50px);
			p{
				color: white;
			    font-size: r(26px);
				text-align:center;
			}
			span{
				float: right;
				padding-right: r(20px);
			}
			i{
				padding-left: r(30px);
			}

		}
	.text{
		width: 100%;
		height: r(216px);
		// background-color: pink;
		margin:0 r(20px);
		border-bottom: r(1px) solid rgba(0,0,0,.3);
		
		.tupian{
			width: r(210px);
			height:r(142px);
			display: inline-block;
			margin: r(10px);
			margin-top: r(40px);
			float: left;
			img{
				width: 100%;
				height: 100%;
				}
		}
		.jieshao{
			// background-color: skyblue;
			display: inline-block;
			width: r(360px);
			height:r(60px);
			margin-top: r(40px);
			font-size:r(23px);
			font-weight:bold;
			vertical-align:top;
			span{
				color:rgba(0,0,0,.3);
				font-size: r(18px);
			}
			.riqi{
				float: right;
				
			}
		}
	}
}
.more{
	width: 100%;
	height: r(75px);
	background-color: white;
	font-size: r(36px);
	line-height: r(75px);
	text-align: center;
	
}
	
	.footer{
		width:100%;
		height: r(94px);
		position: fixed;
		left: 0;
		bottom: 0;
		background-color: #f5f5f5;
		ul{
			display: flex;
			justify-content: space-around;
			padding-top: 10px;
			position: relative;
			li{
				font-size: 13px;
				text-align: center;
				width: 20%;
				line-height: r(37px);
				a{
					color:black;
					text-decoration:none;
				}
				&::after{
					position: absolute;
					top:r(30px);
					content: "";
					width: 1px;
					height: r(50px);
					display: block;
					background-color: #000000;
					
					}
			}
			.active{
                &::after{
					display: none;
					}
				 a{
	
					p,i{
						
						color: $basecolor;
					}
				}
		     }
		  }
		}
}